.filter-form {
  padding: 12px;
  &.filter-form-new {
    background-color: #fff;
  }
  .filter-item {
    height: 30px;
    display: flex;
    flex-shrink: 0;
    line-height: 30px;
    white-space: nowrap;
    align-items: center;
    .filter-label {
      max-width: 82px;
      flex-grow: 0;
      flex-shrink: 0;
      margin: 0 20px 0 0;
      text-align: left;
      display: inline-block;
      &.filter-label-small {
        width: 56px;
        text-align: left;
      }
    }
    .filter-input {
      flex-grow: 1;
      width: 120px;
      flex-shrink: 0;
    }
    .flex-cont {
      display: flex;
    }
    .ant-select {
      // width: 100%;
      // min-width: 175px;
      line-height: 30px;
    }
    .ant-select-selection--single {
      height: 30px;
    }
    .ant-select-selection__rendered {
      line-height: 30px;
    }
    .ant-calendar-picker {
      min-width: 175px !important;
    }
    .filter-select {
      width: 100%;
    }
    .filter-value {
      min-width: 85px;
      width: 100%;
      display: none;
      margin-left: 10px;
    }
  }
  .filter-btn {
    margin: 0 auto;
  }
  .more {
    color: @primary-color;
    font-size: 14px;
    cursor: pointer;
  }
}
.search-result-area {
  border-top: 1px solid @border-color-base;
  padding: 10px;
  .ant-collapse {
    border-radius: 0;
  }
  .ant-collapse > .ant-collapse-item > .ant-collapse-header {
    padding: 5px 16px 5px 40px;
  }
  .ant-collapse > .ant-collapse-item:last-child,
  .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-radius: 0;
  }
  .ant-btn-link {
    padding: 0;
  }
}

.filter-menu {
  max-height: 400px;
  overflow: auto;
  .ant-menu-item {
    min-width: 100px;
    max-width: 200px;
  }
}
